/*
 * @Author: Yuelei 
 * @Date: 2018-03-21 20:43:33 
 * @Last Modified by: mikey.zhaopeng
 * @Last Modified time: 2018-03-21 20:48:47
 */
.color-box{
    display: block;
    height: 160px;
    text-align: center;
    padding: 20px 0;
    opacity: .9;
    // 所有过渡效果0.3s
    transition: all .3s;
    // 判断鼠标事件
    &:hover{
        text-decoration: none;
        color: #555;
        opacity: 1;
        // 动画 放大1.08倍
        transform: scale(1.08);
    }
    &:focus{
        text-decoration: none;
       
    }
    // scss的子元素的写法
    .count{
        font-size: 50px;
        height: 70px;
        line-height: 70px
    }
    .dsc{
        font-size: 18px;
        .fa{
            margin-right: 10px;
        }
    }
}